@font-face {
    font-family: 'Lobster13Regular';
    src: url('../fonts/Lobster_1.3-webfont.eot');
    src: url('../fonts/Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lobster_1.3-webfont.woff') format('woff'),
         url('../fonts/Lobster_1.3-webfont.ttf') format('truetype'),
         url('../fonts/Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.content-inner {width:960px; margin:0 auto;}
html[xmlns] .clearfix {display: block;}
.clearfix:after {content: "."; display: block;  height: 0;  clear: both; visibility: hidden;}
.clr { clear:both;}
.fll {float:left !important;}
.flr {float:right !important;}
.ofl { overflow:hidden;}

label, input, select, textarea {  float:left; display:block; border: 1px solid #bebebe; color: #505050; padding: 2px 4px; margin-top: 10px; font: 15px/18px Calibri, "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
input:focus, select:focus { border: 1px solid #686868;}
label { border: none; padding: 0; clear: left;}
label  span { color: red; margin-left: 2px;}
input, select { height: 18px; color: #333; }
input {font-size: 16px;}
select { padding: 2px 2px 2px 4px; height: 24px;}
label.check-box {width: auto; overflow: hidden; float: none; border: none;}
label.check-box  input { width: auto; margin: 0 5px 0 0; border: none;}
label.radio input {border: none;}
input.check-box { width: auto; margin: 8px 5px 0 0;}
.form-submit { clear:both; overflow:hidden; padding-top: 6px; margin-top: 10px; }

a.form-btn { display:block; width: 95px; height: 28px; line-height: 28px; text-align:center; font-size: 16px; font-weight:600; text-shadow: 0 0 1px #333; background:#4d555a; margin-right: 10px; float:left; color: #fff;}
a.form-btn:hover {background: #7a2816}


label.UpdnWatermark {
	width:auto !important;
	padding: 4px 0 0 8px;
}


.pad23 {padding:23px;}
.pad10 {padding:10px;}
.padt10 {padding-top:10px;}
.pad15 {padding:15px;}
.padt15 {padding-top:15px;}
.padt20 {padding-top:20px;}
.padlr15 {padding-left:15px; padding-right:15px;}
.padlr20 {padding-left:20px; padding-right:20px;}
.padlr40 {padding-left:40px; padding-right:40px;}
.padtb5 {padding-top:5px; padding-bottom:5px;}
.padtb15 {padding-top:15px; padding-bottom:15px;}
.padb5 {padding-bottom:5px;}
.padb20 {padding-bottom:20px;}

.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.marb5 {margin-bottom:5px;}
.marb20 {margin-bottom:20px;}
.marb15 {margin-bottom:15px;}
.marb10 {margin-bottom:10px;}
.marb25 {margin-bottom:25px;}
.marb30 {margin-bottom:30px;}
.marb40 {margin-bottom:40px;}
.marl10 {margin-left:10px;}
.marl15 {margin-left:15px;}
.marl25 {margin-left:25px;}
.marl95 {margin-left:95px;}
.marlr10 {margin-left:10px; margin-right:10px;}
.marlr13 {margin-left:13px; margin-right:13px;}
.marlr15 {margin-left:15px; margin-right:15px;}
.marlr17 {margin-left:17px; margin-right:17px;}

.w50 {width:50px;}
.w70 {width:70px;}
.w105 {width:105px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w135 {width:135px;}
.w150 {width:150px;}
.w170 {width:170px !important;}
.w180 {width:180px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w204 {width:204px;}
.w213 {width:213px;}
.w220 {width:220px;}
.w230 {width:230px;}
.w240 {width:240px;}
.w250 {width:250px;}
.w302{width:302px;}
.w290{width:290px;}
.w295 {width:295px;}
.w350 {width:350px;}
.w370 {width:370px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w502 {width:502px;}
.w510 {width:510px;}
.w520 {width:520px;}
.w580 {width:580px;}
.w620 {width:620px;}
.w634 {width:634px;}
.w650 {width:650px;}
.w660 {width:660px;}
.w670 {width:670px;}
.w695 {width:695px;}
.w710 {width:710px;}
.w760 {width:760px !important;}
.w960 {width:960px;}
.extra-gap {height: 100px;}

#header {height: 120px; width: 920px; margin: 0 auto; position:relative}
	#logo {width: 270px; height: 64px; margin-bottom: 8px;}
	#header a.my-selection { display:block; background:url(../img/selection-icon.png) no-repeat left center; height: 21px; padding-left: 25px; font-weight: bold; text-transform:uppercase; line-height: 21px;}
	
	#langSelector {min-height: 22px; border: 1px solid #c3c3c3; cursor: pointer; margin-left:5px; position:relative;}
	#langSelector:hover {border: 1px solid #7b7b7b;}
	#langSelector span { display:block; margin: 1px; float:left;}
	#langSelector span.selected-lang img { vertical-align:top !important;}
	#langSelector span.arrow { width: 18px; height: 19px; background:url(../img/min-arrow-down.gif) no-repeat center; opacity: 0.6; filter: alpha(opacity=60);}
	#langSelector:hover span.arrow  {border: 1px solid #7b7b7b; opacity: 1; filter: alpha(opacity=100); border: none}
	
	ul.lang-list { clear: both;list-style: none; padding: 0px; margin: 0; width: 50px; background: #fff; position: absolute; z-index: 5; top: 22px; right: -1px; border: 1px solid #c3c3c3; border-top: none }
	ul.lang-list li {text-align:center; padding: 6px 0; opacity: 0.8; filter: alpha(opacity=80);}
	ul.lang-list li:hover {opacity: 1; filter: alpha(opacity=100);}
	#langSelector:hover ul.lang-list {border: 1px solid #7b7b7b;border-top: none}
	
	
	#search label { margin: 0; padding-left: 5px; line-height: 22px}
	#search input { margin: 0; width: 205px; height: 17px;}
	#search input.search-submit { width: 24px; height: 23px; padding: 0; margin-left: 1px; background: #7b7b7b url(../img/search-icon.png) no-repeat center; border: none; text-indent: -9999px; }
	#search input.search-submit:hover { background-color: #686868}
	
	/*---Main menu--*/
	
	.category_menu {
		clear: both;
		background: #e1e1e1;
		font-family: Calibri;
		height: 34px;
		left: 0;
		position: relative;
	}

	.category_menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.category_menu ul.categories li {
		display: block;
		float: left;
		left: 0;
		top: 0;
		min-width: 160px;
		position:relative	
	}
	
	.category_menu ul.categories li.item3 {min-width: 280px;}
	
	.category_menu ul.categories li a.parent, .category_menu ul.categories li span.parent {
		color: #676767;
		display: block;
		font-size: 16px;
		font-weight: bold;
		line-height: 33px;
		outline: 0 none;
		text-transform: uppercase;
		white-space: nowrap;
		z-index: 1;
		text-shadow: 0 1px 1px #f2f2f2;
		text-align: center
	}
	.category_menu ul.categories li span.parent { cursor: default}
	.category_menu ul.categories li a.parent:hover, 
	.category_menu ul.categories li span.parent:hover, 
	#category_menu > div > ul > li > a.parent.active, 
	#category_menu > div > ul > li > span.parent.active, 
	.category_menu ul.categories li:hover a.parent,
	.category_menu ul.categories li:hover span.parent {
		color: #ff9900;
		text-decoration: none;
		background: #7a2816;
		text-shadow: 0 1px 1px #000;
	}
	.category_menu .menu ul li .sub_category {
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: absolute;
		display: inline;
		top: 32px !important;
	}

	.category_menu .css-menu ul:hover .sub_category {
		display: inline;
		left: auto;
		padding: 0;
		position: absolute;
	}
	
	#flyout-arrow {
		height: 10px;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		width: 12px;
	}
	#flyout-arrow-tip {
		background: url("../img/menu-arrow-point.png") no-repeat center top;
		top: 32px;
		display: block;
		height: 0;
		margin: 0 auto;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		width: 12px;
		z-index: 9999;
	}
	#category_menu .categories .level0item .flyout {
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
		background: -moz-linear-gradient(top,  #fff,  #ededed);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')";
		border: 1px solid #FFFFFF;
		box-shadow: 0 1px 3px rgba(10, 10, 10, 0.3);
		-moz-box-shadow: 0 1px 3px rgba(10, 10, 10, 0.3);
		-webkit-box-shadow: 0 1px 3px rgba(10, 10, 10, 0.3);
		left: 0;
		margin-top: 2px;
		opacity: 0;
		padding: 0 !important;
		z-index: 9;
		width: 918px;
	}
	#category_menu .categories .item1 .flyout {width: 918px !important;}
	#category_menu .categories .item2 .flyout { width: 757px !important;}
	#category_menu .categories .item3 .flyout, #category_menu .categories .item4 .flyout, #category_menu .categories .item5 .flyout {width: 450px;}
	#category_menu .categories .item4 .flyout,
	#category_menu .categories .item5 .flyout { left: auto !important; right: 0px !important;}
	
	.flyout-disabled {
		display: none !important;
		pointer-events: none;
	}
	.flyout-enabled {
		display: block !important;
		height: 250px !important;
		pointer-events:  auto ;
	}
	
	.flyout-background { height: 250px;}
	
	#category_menu .sub-menu-col { width: 135px; margin: 0 25px;}
	#category_menu .sub-menu-col h4 { margin: 15px 0 5px 0; padding-bottom: 2px; border-bottom: 1px solid #cbcbcb; font-size: 17px;}
	
	#category_menu .sub_category .ul_wrapper {
		overflow: hidden;
	}
	#category_menu .sub_category .ul_wrapper ul {
		margin: 0;
		overflow: hidden;
		padding: 0 ;
		position: static !important;
		top: 0 !important;
		width: 135px !important;
	}
	#category_menu .sub_category .ul_wrapper ul.first {
		border: medium none;
	}
	#category_menu .sub_category .ul_wrapper ul li {
		clear: left;
		float: left;
		padding:2px 0 ;
		position:static
	}
	#category_menu .sub_category ul li a, .category_menu ul.categories li.level0item ul.items a {
		background: none repeat scroll 0 0 transparent !important;
		padding-left: 0 !important;
	}
	#category_menu .sub_category .ul_wrapper ul a {
		-moz-transition: all 200ms ease-in-out 0s;
		color: #595959;
		font-size: 15px !important;
		line-height: 18px !important;
		font-weight: bold;
		text-transform: none;
		padding-left: 10px !important;
		background:url(../img/menu-bullet.gif) no-repeat 0 8px !important
	}
	#category_menu .sub_category .ul_wrapper ul a:hover {
		color: #7a2816 !important;
		background-position: 0 -8px !important;
	}
	
	#category_menu .sub_category .ul_wrapper ul ul li a { background:url(../img/sub-menu-bullet.gif) no-repeat 0 6px !important; padding-left: 10px !important; font-size: 14px !important; margin-left: 10px;}
	#category_menu .sub_category .ul_wrapper ul ul li a:hover { background-position: 0 -11px !important;}


#main {
	clear: both;
	overflow:hidden;
	padding-top: 15px;
}

#breadcumbs { height: 30px; padding: 0 10px;}
#breadcumbs ol { list-style: none; padding: 0; margin: 0; overflow:hidden}
#breadcumbs ol li { float:left; display:inline-block; background: url(../img/sub-menu-bullet.gif) no-repeat left 6px; padding-left: 10px; margin-right: 10px}
#breadcumbs ol li.root { background: none; padding: 0; width: 22px; height: 20px;}
#breadcumbs ol li.root a { display:block; background:url(../img/home-icon.png) no-repeat; height: 20px;}
#breadcumbs ol li.root-cate { text-transform: uppercase}
#breadcumbs ol li.current { font-weight: bold; color: #7a2816}

/* --- Gallery --- */
#gallery-wrap{
	height: 415px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#gallery-inner{
	height: 412px;
	margin:auto;
	position: relative;
	width: 920px;
}

#gallery{
	position: absolute;
	width: 9999em;
}

#gallery .item {
	display: inline;
	float: left;
	width: 920px;
}

#gallery .item img{
	display: block;
	width: 100%
}

#gallery-wrap .arrow{
	background: transparent url(../img/slide-arrow.png) 0 0 no-repeat;
	display: block;
	height: 38px;
	margin-top:-20px;
	position: absolute;
	top: 50%;
	text-indent: -9999em;
	width: 38px;
}

#gallery-wrap .arrow.next {
	background-position: -39px 0;
	right: 0;
}

#gallery-wrap .arrow:hover { background-position: 0 -38px; }
#gallery-wrap .arrow.next:hover { background-position: -39px -38px; }

.filter{
	background: transparent url(/images/interface/filter.png) 0 0 repeat;
	background: rgba(255,255,255,0.8);
	height: 395px;
	position: absolute;
	left: -1000em;
	width: 1000em;
}

.filter.right { left: auto; left: 920px; }

#slogan {
	height: 36px;
	padding: 5px 10px;
	color: #fff;
	font-family: 'Lobster13Regular';
	font-size: 27px;
	line-height: 28px;
	margin: 0;
	position: absolute;
	bottom: 30px;
	right: 10px;
	text-shadow: 2px 2px 4px #000000;
	letter-spacing:1.5px;
}

#slogan span {font-size: 36px; color: #7a2816}

#gallery-pos{
	overflow: hidden;
	position: absolute;
	bottom: 6px;
	right: 0;
	margin: 0; padding: 0;
}

#gallery-pos li{
	background-color: #cdcdcd;
	display: block;
	float: left;
	height: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	width: 35px;
}

#gallery-pos li.active { background-color: #7a2816; }

/*---- Page Banner ---*/
.page-banner { position:relative; margin: 0 10px; clear: both; margin-bottom: 18px;}
.page-banner img { width: 100%;}
.page-banner .banner-title {position: absolute; z-index: 1; bottom: 20px; left: 0; padding: 10px 15px 10px 20px; background-color: rgb(27,27,27); background-color: rgba(27,27,27,0.85); color: #fff; font: 28px/28px 'Lobster13Regular'; letter-spacing: 1px;}
.page-banner p.badge { position:absolute; z-index: 5; top: 90px; right: 38px; text-align:center; color: #fff; width: 160px; text-shadow: 0px 2px 2px #000}
.page-banner p.badge span.num { font: bold 60px/60px Arial, Helvetica, sans-serif;}
.page-banner p.badge span.txt { font: normal 23px/28px "Times New Roman", Times, serif; text-transform: uppercase}

/*---post content---*/
.post {margin: 0 10px; overflow:hidden;}
.post .post-with-aside { width: 630px}

#accordion { padding-bottom: 15px;}
#accordion h3 {font-size: 16px; cursor: pointer; margin: 10px 0 3px 0;}
#accordion h3.ui-accordion-header-active {color: #7a2816}
#accordion .ui-accordion-content {background: #eaedee; padding: 12px 12px 0 12px;}


/* ---/ gallery ---*/

#container {
	width: 940px;
	margin: 0 auto;
    position: relative;
    z-index: 1;
}

#container:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

/* decor heading title*/
.heading-tt {padding-bottom: 1px; border-bottom: 1px solid #c9c9c9; margin-bottom: 16px; margin: 0 10px; position:relative; height: 28px;}
.heading-tt h1 {font-size: 17px; margin-bottom: 1px; }
.heading-tt h1 span, .heading-tt h1 a { display:block; height: 28px; background: #7a2816 url(../img/title-bg.gif) no-repeat top right; padding: 0 30px 0 15px; line-height: 28px; text-transform: uppercase; color: #ff9900; text-shadow: 0 1px 1px #181818}
.heading-tt h1 a:hover, .heading-tt h1 span strong { color: #fff !important;}
.heading-tt strong.search-info {color: #65686a !important; font-size: 16px !important; margin-top: 5px;}
.heading-tt .selection-info strong { font-size: 18px; color: #7a2816}

.overlay-block .overlay {
    background: none repeat scroll 0 0 #000000;
    height: 230px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

ul.product-list { padding: 14px 0 5px 0; margin: 0; list-style: none; overflow:hidden;}
ul.product-list  li { float:left; width: 295px; height: 230px; position:relative; margin: 3px 8px 15px 10px;}
ul.product-list  li a { display:block; width: 100%;}
ul.product-list img {width: 100%}
ul.product-list li p { margin: 0; height: 32px; position: absolute; z-index: 1; left: 0; top: 198px; background-color: rgb(27,27,27); background-color: rgba(27,27,27,0.85); width: 275px; padding: 0 10px; line-height: 32px; color: #fff; font-weight: bold;}
ul.product-list li p span.prd-name { font-size: 15px;}
ul.product-list li a:hover p span.prd-name { color: #ff9900;}
ul.product-list li p span.price { font-size: 17px;}

ul.product-list li p.promo-tag {padding: 28px 0 0 0px; top: 0; width: 81px; height: 52px; left: auto; right: 5px; background: url(../img/promo-tag-min.png) no-repeat center; overflow:hidden; text-align:center;}
ul.product-list li p.promo-tag span { font-family:"BebasNeueRegular"; text-shadow: 0px 1px 1px #000; margin: 0; font-weight: normal; }
ul.product-list li p.promo-tag span.minus { font-size: 24px;}
ul.product-list li p.promo-tag span.discount-num { font-size: 28px;}
ul.product-list li p.promo-tag span.percent { font-size: 22px;}

ul.selections-list li { height: 260px;}
.action { clear: both; overflow:hidden; padding-top: 6px}
a.remove { background:url(../img/remove-icon.png) no-repeat left 3px; padding-left: 20px; display:block; width: auto !important}
a.remove:hover {background-position: left -16px }

.elections-empty { padding: 20px 0; text-align:center;}

/*-- Product filter ---*/
.product-filter { position:absolute; right: 0; top: 2px; overflow:hidden;}
.product-filter label {float: right; margin-left: 15px; margin-top: 5px}

/*----Select box*/
.selectBox-dropdown {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CFCDCD;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    margin-left: 8px;
    outline: medium none;
    padding: 0 30px 0 6px;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    width: 125px;
	float: right;
}
.selectBox-dropdown.number {
    text-align: center;
    width: 25px;
}
.selectBox-dropdown .selectBox-label {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.selectBox-dropdown .selectBox-arrow {
    background: #949494 url("../img/w-min-arrow-down.png") no-repeat center 8px;
    position: absolute;
    right: 0;
    top: 0;
    width: 23px;
	height: 21px;
	margin: 1px;
}
.selectBox-dropdown .selectBox-arrow:hover { background-color: #7b7b7b}

.selectBox-dropdown:hover, .selectBox-dropdown:focus, .selectBox-dropdown:active .selectBox-dropdown-menu a:hover, .selectBox-dropdown-menu a:active {
    color: #58585A;
    text-decoration: none;
}
.selectBox-dropdown-menu {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CFCDCD;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    max-height: 200px;
    overflow: auto;
    position: absolute;
    z-index: 99999;
}
.selectBox-options, .selectBox-options li, .selectBox-options li a {
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.selectBox-options li a {
    line-height: 1.5;
    padding: 0 0.5em;
    white-space: nowrap;
}
.selectBox-options li.selectBox-hover a {
    background-color: #D9DADB;
    text-decoration: none;
}
.selectBox-options li.selectBox-disabled a {
    background-color: transparent;
    color: #888888;
}
.selectBox-options li.selectBox-selected a {
    background-color: #C8DEF4;
}
.selectBox-options li.selectBox-optgroup {
    color: #87888A;
    font-family: 'FontSiteSansBold';
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 0.5em 0;
    white-space: nowrap;
}
.selectBox-options .selectBox-optgroup:first-child {
    display: none;
}
.selectBox-options.add-to-selections a {
    line-height: 28px;
    padding-left: 23px;
    padding-right: 25px;
}
.selectBox-options.add-to-selections .selectBox-disabled a, .selectBox-options.add-to-selections .selectBox-disabled a:hover {
    cursor: default;
}
.selectBox-options.add-to-selections a:hover {
    background-position: 5px -233px;
}
.selectBox-options.add-to-selections .add-to-new a {
    background-position: 5px -177px;
}
.selectBox.selectBox-disabled {
    color: #888888 !important;
}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
    opacity: 0.5;
}
.selectBox-inline.selectBox-disabled {
    color: #888888 !important;
}
.selectBox-inline.selectBox-disabled .selectBox-options a {
    background-color: transparent !important;
}

/*--Pagination--*/
.pager { clear: both; border-top: 1px solid #c9c9c9; padding: 6px 0 15px 0; margin: 0 10px; overflow:hidden;}
.pager .prd-count { display:block; padding-right: 15px;}
.pager ol { list-style: none; margin: 0; padding: 0;}
.pager ol li { width: 26px; height: 24px; float:left; display:inline-block; margin: 0 3px}
.pager ol li a { display:block; background-color: #d3d3d3; text-align: center; height: 24px; line-height: 24px }
.pager .pager-btn { display:block; width: 26px; height: 24px; text-indent: -9999px; background-color: #d3d3d3;}
.pager .prev { background:  #d3d3d3 url(../img/min-arrow-prev.png) no-repeat 9px 7px; margin-right: 10px;}
.pager .next{ background:  #d3d3d3 url(../img/min-arrow-next.png) no-repeat 9px 7px ; margin-left: 10px;}
 { background:  #c2c2c2 url(../img/min-arrow-prev.png) no-repeat center 8px; margin-right: 10px;}
.pager ol li a:hover,.pager .next:hover, .pager .prev:hover { background-color:  #c2c2c2}
.pager .disabled {display: none}
.pager ol li.current a { color: #7a2816; background-color: #e6e6e6; font-weight: bold;}

/*---Product detail---*/
.prd-photo {position: relative;}
.prd-photo span {float: right; position:absolute; top: 430px; right: 2px; z-index: 1; color: #b7b7b7; display:block; font-size: 14px; font-style: italic; background: #fff; height: 24px; line-height: 24px; padding: 0 10px}

.product-detail {padding-bottom: 15px;}
.product-detail h1 { padding-top: 5px;}
.prd-photo { width: 578px; padding-top: 5px; }
.prd-photo .prd-img-thumbs { overflow: hidden; clear: both; width: 590px;}
.prd-photo .prd-img-thumbs a { display: block; float: left; margin: 8px 10px 0 0;}
.prd-photo .prd-img-thumbs a img { border: 1px solid #dadada; max-height: 105px; max-width: 135px;}
.prd-photo .prd-img-thumbs a:hover img { border: 1px solid #b5b5b5;}

.prd-info { width: 315px; position:relative; min-height: 405px;}
.prd-info a.more { display:block; clear:both; background:url(../img/sub-menu-bullet.gif) no-repeat left 6px; padding-left: 10px; color: #7a2816; font-weight: bold;}
.prd-info a.more:hover { color: #181818; background:url(../img/sub-menu-bullet.gif) no-repeat left -11px;}

.prd-general { padding-top: 25px; overflow:hidden; border-bottom: 1px solid #C9C9C9 }
.prd-general .prd-notes { width: 575px;}
.prd-general .prd-contact { width: 310px;}
.prd-general .prd-contact p{ font-weight: bold; text-align:center; margin-bottom: 0;}

a.back { display:block; float:left; background: #E6E6E6 url(../img/min-arrow-prev.png) no-repeat 10px center; padding: 4px 15px 4px 25px; margin: 3px 0 10px 0;}



a.add-to-selections-btn, a.contact-btn, #add-selection-confirm a.view-selection-btn, #add-selection-confirm a.close-btn  { clear:both; display:block; height: 33px; border: 1px solid #b7b7b7; background: #d4d4d4 url(../img/button-icons.png) no-repeat right; padding-right: 32px; text-align: center; color: #4f5457; text-transform:uppercase; font-size: 17px; line-height: 33px; font-weight: bold; margin: 10px auto;}
a.add-to-selections-btn:hover, a.contact-btn:hover, a.view-selection-btn:hover, 
#add-selection-confirm a.close-btn:hover, #add-selection-confirm a.view-selection-btn:hover {color: #fff; background-color: #7a2816;} 
a.add-to-selections-btn {width: 230px; background-position: right 1px; margin-top: 15px;}
a.contact-btn {width: 185px; background-position: right -31px; margin-top: 5px;}

#add-selection-confirm {background: url(../img/macFFBgHack.png); width: 300px; height: 85px; position:absolute; z-index: 1; bottom: 0; right: 0; padding: 12px;}
#add-selection-confirm p { text-align: center; color: #fff;margin-bottom: 5px; font-size: 17px;}
#add-selection-confirm a { display:block; margin-right: 10px;}
#add-selection-confirm a.view-selection-btn { width: 175px; background-position: right -64px; font-size: 15px; height: 31px; line-height: 30px; margin-right: 10px;}
#add-selection-confirm a.close-btn {width: 75px; background: #e5e5e5; font-size: 15px; height: 31px; clear: none; text-align:center; padding-right: 0; }

a.zoom {
	width: 577px;
	height: 402px;
	display:block;
}

.prev-price, .current-price{overflow: hidden;}
.prev-price p {color: #dadada}
.prev-price p, .current-price p {font-weight: bold; margin-bottom: 5px;}
.prev-price p.tt, .current-price p.tt{ line-height: 30px; padding-right: 5px; font-size: 14px; text-transform: uppercase;}
.prev-price p.price-num { font: normal 23px/30px "BebasNeueRegular", "Times New Roman", Times, serif; position:relative;}
.prev-price span.strike { display: block; border-top: 2px solid #3b3b3b; height: 2px; position:absolute; width: 100%; z-index: 1; top: 13px; left: 0;}

.current-price p.tt{ width: auto; line-height: 30px; padding-right: 10px;}
.current-price p.price-num {font: normal 30px/30px "BebasNeueRegular", "Times New Roman", Times, serif; color: #fff}

.prd-info ul { list-style:none; padding: 10px 0 15px 0; margin: 0; clear: both;}
.prd-info ul li { margin-top: 5px; overflow:hidden}
.prd-info ul li span, .prd-info ul li strong{  float: left; width: 210px; line-height: 17px;}
.prd-info ul li .tt { width: 100px; font-weight: bold; }
.prd-info small{ font-size: 75%}

.prd-info .promo { background:url(../img/promo-tag.png) no-repeat; width: 381px; height: 136px; position: absolute; z-index: 1; right: 0px; overflow:hidden; top: -2px; color: #fff;}

.prd-info .no-promo { background: none; color: #505050; height: 50px;}
.prd-info .no-promo p.price-num {font: normal 32px/35px "BebasNeueRegular", "Times New Roman", Times, serif; color: #7A2816}

.prd-info .promo .discount { font-family:"BebasNeueRegular"; text-shadow: 0px 1px 1px #000; margin: 0; font-weight: normal; width: 85px; text-align:center; font-size: 24px; line-height: 28px; text-transform: uppercase; margin: 14px 10px 0 90px; }
.prd-info .promo .discount span.discount-num, .prd-info .promo .discount span.minus {font-size: 45px; line-height: 45px;}
.prd-info .promo .discount span.percent {font-size: 32px; line-height: 32px;}
.prd-info .promo .price { margin-top: 18px; text-shadow: 0px 1px 1px #000}
.prd-info .promo .price small { padding-right: 3px;}

#moreInfo { background: #fff; padding: 20px 15px 15px 15px; width: 768px; height: 500px; overflow:auto;}
	
/*---Contact*/
.contact-info, .contact-form {width: 450px;}
.contact-content { padding: 15px 10px}
.contact-form label { width: 110px; font-weight: bold;}
.contact-form input.input-txt { width: 290px;}
.contact-form textarea { width: 290px; height: 150px;}
.contact-form .note { clear: both; font-style:italic; padding: 5px 0 0 110px;}
.contact-form .note span { font-weight: bold; color: red; }

.contact-form .form-submit { margin-left: 110px; padding: 0}

/*---Sitemap---*/
#sitemap .sitemap-col { width: 280px; margin-right: 35px; border-right: 1px solid #d4d4d4; min-height: 560px;}
#sitemap .sitemap-col.last { border: none; margin: 0}
#sitemap ul { list-style: none; padding: 0 0 15px 10px; margin: 0;}
#sitemap ul li { margin-bottom: 2px;}
#sitemap ul ul.3level { padding: 0 0 0 10px !important;}
#sitemap ul li a {background:url(../img/menu-bullet.gif) no-repeat 0 8px !important; padding-left: 12px; }
#sitemap ul li a:hover {background:url(../img/menu-bullet.gif) no-repeat 0 -7px !important;}
#sitemap ul li ul li a {background:url(../img/sub-menu-bullet.gif) no-repeat 0 6px !important; padding-left: 10px !important; font-size: 14px !important;  }
#sitemap ul li ul li a:hover { background:url(../img/sub-menu-bullet.gif) no-repeat 0 -11px !important;}

/*---footer--*/
#footer {width: 100%;padding-top: 10px; overflow:hidden; }
.footer-top { background: #a4a9ab; min-height: 128px; text-shadow: 0 1px 1px #181818 }
.footer-inner { width: 920px; margin: 0 auto;}
.footer-menu { width: 310px; overflow:hidden}
.footer-menu .col { padding-top: 15px;}
#footer h4 { color: #792f0e; text-shadow: 0 1px 1px #dedede; margin-bottom: 5px;}
#footer ul { list-style: none; padding: 0; margin: 0;}
#footer ul li {float: left; clear:left; margin: 2px 0}
#footer ul li a { display:block; background:url(../img/menu-bullet.gif) no-repeat 0 -22px; padding-left: 12px; color: #fff}
#footer ul li a:hover {background-position:0 -8px; color: #000; text-shadow: 0 1px 1px #dedede}

#footer .newsletter { overflow:hidden; padding-top: 15px; color: #fff}
#footer .newsletter-form { position: relative}
#footer .newsletter input { width: 280px; border: 1px solid #6e6e6e; float: none;}
#footer .newsletter label {line-height: 22px; margin: 0;padding-left: 5px; top: 10px !important; text-shadow: none;}
#footer .newsletter a {display: block; width: 120px; height: 25px; background: #393430; text-align: center; color: #fff; line-height: 25px; text-transform: uppercase; margin: 6px 8px 0 0; color:#ccc;}
#footer .newsletter a:hover {background: #7a2816; color: #fff}
#footer .copyright { padding: 10px 0;}


/*-- Style for tablet display : ipad and android*/
@media only screen and (device-width: 768px) {
	body {font: normal 13px Arial, Helvetica, sans-serif;}
	label, input, select, textarea {font: 12px/16px Arial, Helvetica, sans-serif;}
	.content-inner {width:760px; margin:0 auto;}
	
	.w250 {width:200px;}
	.w450 {width:400px;}
	
	#header {height: 120px; width: 750px; margin: 0 auto; position:relative}
		#logo {width: 270px; height: 64px; margin-bottom: 8px; margin-left: 8px;}
		
		#search input { width: 150px;}
		
		/*---Main menu--*/
		
		.category_menu ul.categories li {min-width: 127px;}
		
		.category_menu ul.categories li.item3 {min-width: 238px;}
	
		#category_menu .categories .level0item .flyout {
			width: 756px;
		}
		.category_menu ul.categories li a.parent, .category_menu ul.categories li span.parent {font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
		#category_menu .categories .item1 .flyout {width: 748px !important;}
		#category_menu .categories .item2 .flyout { width: 617px !important;}
		#category_menu .categories .item3 .flyout, #category_menu .categories .item4 .flyout, #category_menu .categories .item5 .flyout {width: 450px;}
		
		#category_menu .sub-menu-col { width: 125px; margin: 0 20px;}
	
		#category_menu .sub_category .ul_wrapper ul {
			width: 125px !important;
		}
		
		#category_menu .sub-menu-col h4 { font-size: 14px; font-family: Arial, Helvetica, sans-serif}
	
	
		#category_menu .sub_category ul li a, .category_menu ul.categories li.level0item ul.items a {
			font-family: Arial, Helvetica, sans-serif
		}
		#category_menu .sub_category .ul_wrapper ul a {
			font-size: 14px !important;
			font-family: Arial, Helvetica, sans-serif
		}
	
		#category_menu .sub_category .ul_wrapper ul ul li a { font-size: 13px !important; font-family: Arial, Helvetica, sans-serif}
	
	/* --- Gallery --- */
	#gallery-wrap{height: 367px;}
	
	#gallery-inner{
		height: 367px;
		width: 750px;
	}
	
	#gallery .item {margin-left: }
	
	#gallery .item img{width: 750px; height: 352px;}
	.filter{height: 352px;}
	
	.filter.right { left: 750px; }
	
	#slogan {bottom: 15px;}
	
	/*---- Page Banner ---*/
	.page-banner { width: 750px}
	.page-banner .banner-title {font: 23px/24px 'Lobster13Regular';}
	.page-banner p.badge { top: 105px !important; right: 33px; width: 128px;}
	.page-banner.warranty p.badge { top: 70px !important; right: 38px; width: 128px;}
	.page-banner.warranty p.badge span.num { font: bold 53px/55px Arial, Helvetica, sans-serif; }
	.page-banner p.badge span.txt { font: normal 19px/22px "Times New Roman", Times, serif;}
	
	/*---post content---*/
	.post .post-with-aside { width: 465px}
	
	/* ---/ gallery ---*/
	#container {width: 770px;}
	
	.overlay-block .overlay {height: 187px;}
	
	ul.product-list  li { width: 240px; height: 187px; margin-right: 6px}
	ul.product-list li p { height: 30px; top: 157px; width: 220px; line-height: 30px;}
	ul.product-list li p span.prd-name { font-size: 12px; font-family: Arial, Helvetica, sans-serif}
	ul.product-list li p span.price { font-size: 15px; font-family: Arial, Helvetica, sans-serif}
	
	ul.selections-list li { height: 220px;}

	/*---Product detail---*/
	.prd-photo { width: 440px; padding-top: 5px; }
	.prd-info { width: 290px;}
	.prd-general { padding-top: 20px; overflow:hidden; border-bottom: 1px solid #C9C9C9 }
	.prd-general .prd-notes { width: 445px;}
	.prd-general .prd-contact { width: 300px; padding-top: 12px;}
	
	a.add-to-selections-btn {margin-top: 10px;}
	#add-selection-confirm {width: 280px; height: 85px;}
	#add-selection-confirm a.view-selection-btn { width: 160px; font-size: 14px; margin-right: 8px;}
	#add-selection-confirm a.close-btn {width: 70px; font-size: 14px; }
	
	.prev-price p.tt, .current-price p.tt{ line-height: 28px; font-size: 13px;}
	.prev-price p.price-num { font-family: "BebasNeueRegular"; font-weight: normal; font-size: 24px; line-height:26px}
	
	.current-price p.tt{ font-size: 13px}
	.current-price p.price-num {font-family: "BebasNeueRegular"; font-weight: normal; font-size: 30px; line-height:32px;}
	
	.prd-info .promo { background:url(../img/promo-tag.png) no-repeat; width: 345px; top: 0; top: -2px}
	
	.prd-info .no-promo { background: none; color: #505050; height: 50px;}
	.prd-info .no-promo p.price-num {font-family: "BebasNeueRegular"; font: normal 32px/35px "BebasNeueRegular", "Times New Roman", Times, serif; color: #7A2816}
	
	.prd-info .promo .discount { font-family:"BebasNeueRegular"; width: 75px; font-size: 20px; line-height: 24px; margin: 20px 15px 0 87px; }
	.prd-info .promo .discount span.discount-num, .prd-info .promo .discount span.minus {font-size: 40px; line-height: 40px;}
	.prd-info .promo .discount span.percent {font-size: 28px; line-height: 28px;}
	.prd-info .promo .price small { padding-right: 3px;}

	
	a.zoom {width: 442px;height: 307px;}
	
	a.zoom img {width: 100%}
	
	.prd-info ul li span, .prd-info ul li strong{width: 185px;}
	
	#moreInfo { width: 750px; height: 450px;}
		
	/*---Contact*/
	.contact-info, .contact-form {width: 355px;}
	.contact-form {width: 400px;}
	.contact-form input.input-txt { width: 260px;}
	.contact-form textarea { width: 260px;}
	
	/*---Sitemap---*/
	#sitemap .sitemap-col { width: 230px; margin-right: 32px;}
	
	/*---footer--*/
	.footer-inner { width: 750px;}
	.footer-menu { width: 295px;}
	.footer-menu .w135 { width: 130px}
	#footer .newsletter { width: 450px}
	#footer .newsletter .newsletter-desc { padding-right: 10px;}
	#footer .newsletter .w290 { width: 220px}
	#footer .newsletter input { width: 210px; }
	#footer .newsletter a {width: 102px; font-size: 12px;}
	#footer h4 {font-size: 14px}
}
